<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>新建任务界面</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
  </head>
  <body style="background-color:yellow">
    
     <form action=""  class="container" style="width:400px">
			  <h1 style="color:blue">新建任务</h1>
			  <hr />
			  <div class="control-group warning">
					<span>新建任务名称：</span>
				  <input id="inputWarning" type="text" value="请输入任务名称">
				
			 </div>
			 
			  <div class="control-group">
				<sapn>当前任务描述：</sapn>
				
				  <textarea rows="3" id="textarea" class="input-xlarge"></textarea>
				
			</div>
			 
			  <div class="control-group success">
					<span>任务开始时间：</span>
				  <input id="inputSuccess" type="text" value="请输入任务开始时间">
			  </div>
			  
			  <div class="control-group error">
				<span>任务截止时间：</span>
				<input id="inputError" type="text" value="请输入任务截止时间">
			  </div>
			  
			<div class="control-group success">
				<span>任务创建时间：</span>
				  <input id="inputSuccess1" type="text" value="请输入任务创建时间">
			</div>
	 
			  <div class="control-group success">
				<span>当前任务状态：</span>
				  <select id="selectError">
					<option>请选择任务状态</option>
					<option>新任务</option>
					<option>进行中</option>
					<option>已完成</option>
				  </select>
			  </div>
			  
			  <div class="control-group success">
				  <span>当前任务级别：</span>
				  <select id="selectError">
					<option>请选择任务级别</option>
					<option>重要不紧急</option>
					<option>重要紧急</option>
					<option>不重要紧急</option>
					<option>不重要不紧急</option>
				  </select>
			  </div>
			  
			   <div class="control-group success">
				  <span>此任务负责人：</span>
				  <select id="selectError">
					<option>请选择任务负责人</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
				  </select>
			  </div>
			  
			<button type="submit" class="btn btn-primary" style="margin-left:100px">保存</button>
			<button type="submit" class="btn btn-primary" style="margin-left:200px">返回</button>
		</form>
		
		<script type="text/javascript">
			document.getElementById("inputWarning").onfocus=function(){
				document.getElementById("inputWarning").value="";
			};
			document.getElementById("inputSuccess").onfocus=function(){
				document.getElementById("inputSuccess").value="";
			};
			document.getElementById("inputError").onfocus=function(){
				document.getElementById("inputError").value="";
			};
			document.getElementById("inputSuccess1").onfocus=function(){
				document.getElementById("inputSuccess1").value="";
			};
		</script>
    
  </body>
</html>
